import React from 'react';
import {StyleSheet, Text, View} from 'react-native';
import Colors from "../constants/Colors";
import { unitWidth } from '../constants/AdapterUtil';

//tabbar的标题
export default class TabBarImage extends React.Component {
    render() {
        return (
            <View style={styles.tabBottomItem}>
                <Text style={{
                    // color: this.props.focused ? Colors.headerColor : '#666666',
                    color: this.props.focused ? Colors.colorOrange : Colors.coloraa,
                    marginTop: 5,
                    fontSize: 12 * unitWidth
                }}>{this.props.title}</Text>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    tabBottomItem: {
        flex: 1,
        flexDirection: 'column',
        justifyContent: 'center',
        alignItems: 'center',
    },
})